<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>管理菜单</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<jsp:include page="../include.jsp" />
<c:set var="local" value="${pageContext.request.contextPath}/service/channelAction" scope="request"/>
<link href="${local}/resource/css/zTreeStyle.css" rel="stylesheet" type="text/css" />
<link href="${local}/resource/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${local}/resource/js/ui.tab.js"></script>
<script type="text/javascript" src="${local}/resource/js/jquery.ztree.core-3.0.min.js"></script>
<script type="text/javascript" src="${local}/resource/js/channelTree.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	var tab = new $.fn.tab({
		tabList:".ui-tab-container .ui-tab-list li",
		contentList:".ui-tab-container .ui-tab-content",
		callBackShowEvent:function(index,parameter){
			if(index==1&&parameter!=null)
				showMenu(parameter);
		}
	});
	$("#sitelist").click(function(){
		$("#tab").css("display","none");
	});
	$("#siteconfig").click(function(){
		$("#tab").css("display","none");
	});
	$("#template").click(function(){
		$("#tab").css("display","none");
	});
	$("#model").click(function(){
		$("#tab").css("display","none");
	});
	
	$("#channel").click(function(e){
		$("#tab").css("display","");
		var parameter=new Object();
		parameter.url=$(this).attr("url");
		parameter.type=$(this).attr("type");
		tab.triggleTab(1,parameter);
	});
	
	$("#content").click(function(e){
		$("#tab").css("display","");
		var parameter=new Object();
		parameter.url=$(this).attr("url");
		parameter.type=$(this).attr("type");
		tab.triggleTab(1,parameter);
	});
});	
</script>
</head>
	<body class="menu">
		<div class="body">
			 <div class="ui-tab-container" id="continer">
				<ul class="clearfix ui-tab-list" style="display:none" id="tab">
					<li class="ui-tab-active">菜单</li>
					<li>分类树</li>
				</ul>
				<div class="ui-tab-bd">
					<div class="ui-tab-content">
						<dl>
							<dt><span>站点管理</span></dt>
							<dd><a href="../../siteAction/site/list.do" target="mainFrame" id="sitelist">站点列表</a></dd>
							<dd><a href="../../siteAction/site/add.jsp" target="mainFrame" id="siteconfig">站点设置</a></dd>
						</dl>
						<dl>
							<dt><span>分类管理</span></dt>
							<dd><a href="../../channelAction/channel/list.do"
								target="mainFrame" id="channel" url="channelAction/channel" type="channel">分类列表</a></dd>
							<dd><a href="../../contentAction/content/list.do"
								target="mainFrame" id="content" url="contentAction/content" type="content">内容列表</a></dd>
							<dd><a href="../../templateAction/template/list.do"
								target="mainFrame" id="template">模版管理</a></dd>
							<dd><a href="../../modelAction/model/list.do" target="mainFrame" id="model" >模型管理</a></dd>
						</dl>
					</div>
					<div class="ui-tab-content" style="display:none">
						<div class="content_wrap">
							<div class="zTreeDemoBackground">
								<ul id="treeDemo" class="ztree"></ul>
							</div>
						</div>
					</div>
				</div>
			 </div>
		</div>
	</body>
</html>